.main-content {

	position: relative;

	z-index: 0;

	display: flex;
	flex-direction: column;
	flex: 1 1 100%;

	width: 1vw;

	height: 100%;
}

.messages-container .room-icon {
	&.online {
		color: var(--status-online);
	}

	&.away {
		color: var(--status-away);
	}

	&.busy {
		color: var(--status-busy);
	}

	&.offline {
		color: var(--status-invisible);
	}
}
